<style>
	@import url(css/skitter.styles.css);
</style>
<script type="text/javascript" language="javascript" src="js/jquery.skitter.min.js"></script>
<!---------------------menu top------------------------->
<div id="menu_top">
	<marquee>Chào mừng bạn đã đến với hệ thống website của Nhà trẻ Ngôi Sao</marquee>
</div>
<div id="header_con">
	<!--------------------banner------------------------->
	<div id="ban">
    	<div id="logo">
        	<a href="index.php"><img src="images/logo.jpg" /></a>
        </div>
        <div id="banner">
        	<div id="content">
				<div class="border_box">
					<div class="box_skitter box_skitter_large">
						<ul>
                        	<?php
   					 			$sql = "select * FROM banner";
								$result=$mysqli->query($sql);
  					 			while ($row=$result->fetch_array()){
						 			$string = "<li>";
          							$string .= "<img src='".$row['ANH_BN']."' alt='' width='750' height='270' >";
                        			$string .= "<div class='label_text'>".$row['TEN_BN']."</div>";
									$string .= "</li>";
									echo $string;
						 		}
  							?>
                        </ul>
					</div>
				</div>
			</div>	
        </div>
    </div>
</div>
<script type="text/javascript" language="javascript">
	$(document).ready(function() {
		$('.box_skitter_large').skitter({
			theme: 'clean',
			numbers_align: 'center',
			progressbar: true, 
			dots: true, 
			preview: true
		});
	});
</script>
    
<!--Back To Top-->
<script type="text/javascript">
    $(function(){
        $('body').append('<div id="top"></div>');
        $(window).scroll(function(){
            var $toa_do=$(window).scrollTop();
            if($toa_do==0){
                $('#top').fadeOut();
            }else {$('#top').fadeIn()} ;
        });
        $('#top').click(function(){
            $('html,body').animate({scrollTop:0},500);
        });
    });
</script>
<!--End Back To Top-->